
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>舆情监测 | 用户登录</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <!-- Bootstrap 3.3.5 -->
    <link rel="stylesheet" href="./bootstrap/css/bootstrap.min.css">
    <!-- Font Awesome -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
    <!-- Ionicons -->
    <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
    <!-- Theme style -->
    <link rel="stylesheet" href="./dist/css/AdminLTE.min.css">
    <!-- iCheck -->
    <link rel="stylesheet" href="./plugins/iCheck/square/blue.css">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    <style type="text/css">
      .login-box{
        position: fixed;
        left: 50%;
        top: 50%;
        margin-left: -225px;
        transform: translateY(-60%);
        width: 550px; 
        min-height: 300px;
        background-color: #fff;
        margin: 0;
        border-radius: 3px;
        box-shadow: 0 0 3px #aaa;
      }
      .login-page{
        padding: 0;
        margin: 0;
        height: 100%;
        background: url(./dist/img/login_bg.png) no-repeat;
        background-size: 100% cover;
      }
    </style>
  </head>
  <body class="hold-transition login-page">
    <div class="login-box">
      <div class="login-logo">
        <!-- <a href="../../index2.html"><b>舆情监测</b></a> -->
      </div><!-- /.login-logo -->
      <div class="login-box-body">
        <!-- <p class="login-box-msg">登陆舆情系统</p> -->
        <div class="row">
          <div class="col-sm-7">
            <h4 class="login-box-msg">
              <img src="dist/img/logo.jpg" width="100%">
            </h4>
          </div>
        </div>
        <div class="row">
          <div class="col-sm-7" style="border-right: 1px solid #cfcfcf;">
            <form action="./index.html" style="margin-right: 15px;" method="get">
              <div class="form-group has-feedback">
                <input type="email" class="form-control" placeholder="输入用户名">
                <span class="glyphicon glyphicon-user form-control-feedback"></span>
              </div>
              <div class="form-group has-feedback">
                <input type="password" class="form-control" placeholder="输入密码">
                <span class="glyphicon glyphicon-lock form-control-feedback"></span>
              </div>
              <div class="row">
                <div class="col-xs-12">
                  <br>
                  <button type="submit" class="btn btn-primary btn-block btn-flat">登陆</button>
                </div><!-- /.col -->
              </div>
            </form>
            <div class="clearfix" style="margin-right: 15px;">
              <a class="pull-right" href="#">
                <small><i class="fa fa-question-circle"></i>忘记密码</small>
              </a>
              <!-- <a class="pull-right" href="register.html" class="text-center">注册账号</a> -->
            </div>
          </div>
          <div class="col-sm-5 no-padding text-center">
            <div style="height: 30px;color: #3c8dbc;">我讯舆情移动版 震撼上线</div>
            <div>
              <div style="display: inline-block;padding: 15px;border: 1px solid #9f9f9f;">
                <img src="dist/img/ewm.png" style="max-width: 100%;height: 80px;" alt="">
              </div>
            </div>
            <p class="no-margin" style="line-height: 32px;">
              <small>关注公众号，同步接受信息</small>  
            </p>
          </div>
        </div>

        <!-- <div class="social-auth-links text-center">
          <p>- OR -</p>
          <a href="#" class="btn btn-block btn-social btn-facebook btn-flat"><i class="fa fa-facebook"></i> Sign in using Facebook</a>
          <a href="#" class="btn btn-block btn-social btn-google btn-flat"><i class="fa fa-google-plus"></i> Sign in using Google+</a>
        </div> -->

      </div><!-- /.login-box-body -->
    </div><!-- /.login-box -->

    <!-- jQuery 2.1.4 -->
    <script src="./plugins/jQuery/jQuery-2.1.4.min.js"></script>
    <!-- Bootstrap 3.3.5 -->
    <script src="./bootstrap/js/bootstrap.min.js"></script>
    <!-- iCheck -->
    <script src="./plugins/iCheck/icheck.min.js"></script>
    <script>
      $(function () {
        $('input').iCheck({
          checkboxClass: 'icheckbox_square-blue',
          radioClass: 'iradio_square-blue',
          increaseArea: '20%' // optional
        });
      });
    </script>
  </body>
</html>
